<template>
  <div class="app-container">
    <!--表格-->
    <Table ref="tableRef" @handleDispatch="handleDispatch" @handleAdd="handleAdd"/>
    <MediaServices ref="MediaServicesRef" @getList="getList"/>
  </div>

</template>

<script>
import Table from './sub/Table'
import MediaServices from './sub/dialog/MediaServices'

export default {
  components:{
    Table,MediaServices
  },
  data() {
    return {}
  },
  mounted() {
    this.getList()
  },
  methods:{
     getList  ()  {
      this.$refs.tableRef.getList()
    },
     handleAdd  (data)  {
      this.$refs.MediaServicesRef.open(data.title, data.arr)
    },
     handleDispatch  (row, index)  {
      // console.log(dispatchRef.value);
      // this.$refs.dispatchRef.openDialog(row, index)
    }

  },

}

</script>
